<template>
  <div>
	  <h1>Fragments</h1>
  </div>
  <div>
	  <p>vue3引入Fragments，本意是碎片</p>
	  <p>说白了就是vue3的组件可以拥有多个根了</p>
  </div>
  <child-emits @btnClick="childClick"></child-emits>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import childEmits from './child-emits.vue'
export default defineComponent({
  name: 'Fragments',
  components: {
    childEmits
  },
  methods:{
	  childClick(msg){
		  alert(msg)
	  }
  }
})
</script>

<style scoped>
a {
  color: #42b983;
}

label {
  margin: 0 0.5em;
  font-weight: bold;
}

code {
  background-color: #eee;
  padding: 2px 4px;
  border-radius: 4px;
  color: #304455;
}
</style>
